/**
 * Created by aa on 2016/9/23.
 */
'use strict';
var React = require('react');
var actions = require('../../actions/products');
var ReButton = require('./ReButton.jsx');
var ReDialog = require('./ReDialog.jsx');

class HkfsFundDetailMessage extends React.Component {
    constructor(props) {
        super(props);
        this.doing=this.doing.bind(this);
    }


    doing(){
        var style={
            padding:'10px 0'
        };
        ReDialog.showDialog({
            title: '提示',
            content: <div><div style={style}><img src="images/pc/developing_small.png"/></div><div>玩命开发中</div></div>,
            isMask: true,
            isCancel: false,
            dialogWidth: '300px',
            dialogHeight: '300px',
            result: (result)=> {
            }
        });
    }

    render() {
        return <div className="HkfsFundDetailMessageContainer">
            <div className="HkfsFundDetailMessageImg">
                <div className="HkfsFundDetailMapTitle">
                    <div>净值走势</div>
                </div>
                <div className="HkfsFundDetailMapDiv" id="HkfsFundDetailMap">
                </div>
                <div className="HkfsFundDetailToolTip">滑动图标下方的滚动条调整显示日期</div>
            </div>
            <div className="HkfsFundDetailMessage_Product">
                <div className="HkfsFundDetailMessage_ProductName">{this.props.data.fundFullName}</div>
                <div className="HkfsFundDetailMessage_ProductInfo">
                    <div className="ProductDetailMessageRisk">
                        <div className="detailMessage">{this.props.data.nav}</div>
                        <div className="detailTitle">最新净值</div>
                    </div>
                    <div className="ProductDetailMessageLeft">
                        <div className="detailMessage">{this.props.data.dayReturn}</div>
                        <div className="detailTitle">日涨跌值</div>
                    </div>
                    <div className="ProductDetailMessageAll">
                        <div className="detailMessage">{this.props.data.assetAmount}</div>
                        <div className="detailTitle">最新规模</div>
                    </div>
                </div>
                <div className="detailMessageGroup">
                    <div className="detailMessageDiv"><span className="detailTitle">成立时间 &nbsp;&nbsp;&nbsp;&nbsp;</span><span
                        className="detailMessage">{this.props.data.setupDate}</span></div>
                    <div className="detailMessageDiv"><span className="detailTitle">产品类型 &nbsp;&nbsp;&nbsp;&nbsp;</span><span
                        className="detailMessage">{this.props.data.fundType}</span></div>
                </div>
                <div className="detailMessageGroup">
                    <div className="detailMessageDiv">
                        <span className="detailTitle">买入金额 &nbsp;&nbsp;&nbsp;&nbsp;</span>
                        <input placeholder="请输入整数倍金额"/>
                        <span className="detailTitle"> &nbsp;&nbsp;元</span>
                    </div>
                    <div>
                        <ReButton reButtonClick={this.doing} reClass="HkfsFundDetailBuy">买入</ReButton>
                    </div>
                </div>
            </div>
            <ReDialog></ReDialog>
        </div>
    }
}

module.exports = HkfsFundDetailMessage;
